@charset "utf-8";
body{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei","Helvetica Neue",Helvetica,Arial,sans-serif; }

.placeholder(@color: @input-color-placeholder) {
  &::-moz-placeholder          	{ color: #999999; } 
  &:-ms-input-placeholder       { color: #999999; }
  &::-webkit-input-placeholder  { color: #999999; } 
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.container,.con_footer{ width: 100%; position: relative;}
/*当前位置开始*/
.con_current{ margin: 18px 0; color: #737373; font-size: 1.125em;}
.con_current a{ color:#737373;}
.con_current a.active{ color: #333333;}
li{ list-style: none;}
/*当前位置结束*/

header{ position: relative;}
header img{ width:  100%;}
header h4{ position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; border-bottom: 3px solid #4989c6; padding-bottom: 0.5em; font-size: 2em; font-weight: bold; background: url("/2020CMAimages/header_nav_act.jpg") center bottom no-repeat; margin-bottom: 0; }
header .header_menu{ display: inline-block; width: 14.67%; height: 20.1%; position: absolute; top: 0; right: 0;}

header a#a2{ width: 25px; height: 20px; display:block; position: absolute; top:12px; right:16px;}
header a#a2 em{background:#FFFFFF;width:25px;height:3px;display:block;margin-top:8px;font-style:normal;}
header a#a2 em:before{content:"";height: 3px;width: 25px;display:block;background:#FFFFFF;position:absolute;top:1px;transition: transform .3s,background .3s;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;}
header a#a2 em:after{content:"";height: 3px;width: 25px;display:block;background:#FFFFFF;position:absolute;top:15px;transition: transform .3s,background .3s;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;}
header a.a2{float:right;width:25px;height:20px;display:block;position:relative;}
header a.a2 em{background:none !important;}
header a.a2 em:before{background:#FFFFFF !important;-moz-transform: translate(0,8px)rotate(45deg);
-ms-transform: translate(0,8px)rotate(45deg);
-webkit-transform: translate(0,8px)rotate(45deg);
transform: translate(0,8px)rotate(45deg);}
header a.a2 em:after{background:#FFFFFF !important;-moz-transform: translate(0,-6px)rotate(-45deg);
-ms-transform: translate(0,-6px)rotate(-45deg);
-webkit-transform: translate(0,-6px)rotate(-45deg);
transform: translate(0,-6px)rotate(-45deg);}

#head_nav { margin: 0; padding: 0; position: absolute; right: 0; top: 16.60%; background: #fff; z-index: 100; border-left: 1px solid #eee; border-bottom: 1px solid #eee;  width:0px; height: 300px;
transition:width 1s;
-moz-transition:width 1s; /* Firefox 4 */
-webkit-transition:width 1s; /* Safari and Chrome */
-o-transition:width 1s; /* Opera */overflow:hidden;}
#head_nav ul{ padding: 0; margin: 0;}
#head_nav li{ padding-left: 15px; font-size: 1.25em; border-top: 1px solid #dbdbdb; line-height: 42px;}
#head_nav ul li:first-child{ border: none;}
#head_nav li a{ color:#333; display: inline-block; width: 100%;}
.head_nav{ width: 40% !important;display:block !important; box-shadow: -5px 5px 10px #000;}

.con_nav_header_hp{ width: 100%; position: relative; overflow: hidden;}
.nav_header_hp { border-bottom: 3px solid #4989c6; height: 50px; line-height: 50px; font-size: 1.5em; overflow-x: scroll; overflow-y: hidden;}
.nav_header_hp a{ display: inline-block; font-weight: bold; padding: 0 15px; bottom: 4px; position: relative;}
.nav_header_hp_right{ display: inline-block; width: 30px; height: 50px; line-height: 50px; position: absolute; right: 0; top: 0; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.9)); z-index: 10;}
.nav_header_hp ul{width: 700px; padding: 0; margin: 0; position: relative;}
.nav_header_hp a.active{ background: url("/2020CMAimages/header_nav_act.jpg") center bottom no-repeat;} 
    

footer{ text-align: center; background: #f5f5f5; padding: 1em 0; font-size: 1.125em; margin-top: 2em; border-top: 3px solid #3c75ad;}
footer img{ margin: 0 10px;}
footer .a_footer_pc{ display: inline-block; padding: 0 1.5em; line-height: 200%; margin: 1em 0; border: 1px solid #b9b9b9; color: #333; font-size: 1.5em; border-radius: 1.5em; }

.container_title{ margin-bottom: 1em; font-size: 1.25em; border-bottom: 1px solid #dee2e6; line-height: 100%; position: relative;} 
.container_title h4{ margin: 0; padding: 0.875em 0;  border-bottom: 1px solid transparent; color: #737373; margin-right: 1em;}
.container_title h4.active{ border-bottom: 1px solid #3c75ad; font-weight: bold; color: #3c75ad;}
.container_title span{ padding:0 1em 0 0; font-size: 1em; line-height: 3em; color: #dee2e6;}
.container_title h4 a{ color: #737373;}
.container_title h4.active a{ color: #3c75ad;}
.container_title .btn_title_link{ position: absolute; right: 0; top:0.9em; font-size: 0.8em; font-weight: bold; display: inline-block; background: #f5f5f5; padding: 0.5em 1em; border-radius: 0.75em; line-height: 1em;}	
.container_title .btn_title_link a{ font-size: 0.8em; color: #3c75ad;}
.con_js_switch{ display: none;}
.container_title_switch{ position: relative;}
.con_title_switch a{ display: inline-block; font-size: 1.125em; color: #737373; background:#f5f5f5; border: 1px solid #ededed; margin: 0 0.5em 1em 0 ; border-radius: 1em; line-height: 200%; padding: 0 1em;}
.con_title_switch a.active{ color: #4483c0; font-weight: bold;}


/*二级列表开始*/
.con_list_2j{ margin-bottom: 0.5em;}
.con_list_2j ul{ padding: 0; margin: 0}
.con_list_2j li{ font-size: 1.2em; margin-bottom: 0.5em; padding-left: 10px; background: url("/2020CMAimages/dot_b5b5b5_4_.jpg") left center no-repeat; position: relative; height: 1.67em; line-height: 1.67em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
.con_list_2j li a{ color: #333;}
.con_list_2j span{ position: absolute; right: 0; color: #999;}
.con_list_2j .cp_more{ font-size: 1.125em; margin-top: 0.75em; line-height: 200%; margin-bottom: 0;}
/*二级列表结束*/

	
@media (min-width: 992px) {
	.container,.con_footer{ width: 970px; padding: 0; margin: 0 auto;}
	/*头部开始*/
	.header{ position: relative; height: 274px; z-index: 10;}
	.header_logo{ position: absolute; z-index: 3; top: 22px; left: 50%; margin-left: -374px;}
	.bg_header_gn{ width: 100%; background: #3c75ad; }
	.con_header_gn{ width: 970px; margin: 0 auto; color: #fff; height: 46px; line-height: 46px;}
	.con_header_gn a{ color:#fff; margin-left: 30px; display: inline-block; padding-left: 26px; background-position: center left; background-repeat: no-repeat;}
	.btn_header_english{ background-image: url("/2020CMAimages/btn_header_english.png");}
	.btn_header_email{ padding-left: 32px; background-image: url("/2020CMAimages/btn_header_email.png");}
	.btn_header_rss{  background-image: url("/2020CMAimages/btn_header_rss.png");}
	.border_weather{ width: 100%; margin: 0 auto; height: 44px; line-height: 44px; border-bottom: 1px solid #ededed;}
	.container_weather{ width: 970px; margin: 0 auto;}
	.header_more_city{ margin: 0 24px 0 8px; display: inline-block;}
	.con_header_search{ height: 32px;  width: 364px; position: absolute; z-index: 10; right: 0; top: -174px;}
	.con_header_nav a.header_input_submit{ position: absolute; top: 8px; right: 14px; display: inline-block; width: 18px; height: 16px; background: url("/2020CMAimages/btn_header_search.png") no-repeat; padding: 0; cursor: pointer;}
	.header_input_txt{ height: 32px; line-height: 32px; border: none; background:url( "/2020CMAimages/bg_header_search.jpg");  width: 364px; text-indent: 14px; position: relative; font-size: 14px; }
	nav{ border-bottom: 4px solid #4989c6; margin-top: 136px; box-shadow: 0 4px 4px #d3d6d7; position: relative; z-index: 10;}
	.con_header_nav{ width: 970px; margin: 0 auto; position: relative; z-index: 10; font-size: 18px; line-height: 100%; color: #333333; text-align: center; padding: 1px 0;}
	.con_header_nav a{ color:#333333; display: inline-block; padding: 13px 26px; }
	.con_header_nav a.act{ background: url("/2020CMAimages/header_nav_act.jpg") bottom center no-repeat;}
	.con_header_nav a.active{ background: url("/2020CMAimages/header_nav_act.jpg") bottom center no-repeat;}
	.con_nav_droplist{ background: #f7f7f7; border-bottom: 2px solid #c5d3e0; padding: 12px 0; line-height: 40px; position: absolute; z-index: 10; left: 0; bottom: -71px; width: 100%; display: none;}
	.con_nav_droplist ul{ margin-bottom: 0; padding-left: 0; margin-left: 0}
	.con_header_nav .list_nav_droplist a{ font-size: 14px; color: #3c75ad; padding: 0 6px; font-weight: bold;}
	#nav_zwfw ul{ margin-left: 220px;}
	#nav_qxfw ul{margin-left:390px;}
	.con_header_nav .list_nav_jgsz a{ font-size: 14px; color: #333; padding: 0 30px 0 0;}
	.list_nav_jgsz h5{ font-size: 16px; color: #3c75ad; font-weight: bold; text-align: left;}
	.list_nav_jgsz h5 a{  color: #3c75ad; }
	.list_nav_jgsz ul{ text-align: left; padding-left: 0;}
	#nav_jgsz{ bottom:-108px;}
	.con_dl_jld{ margin: 0 40px 0 30px;}
	#nav_jgsz{ height: 104px; }
	#nav_jgsz ul{ font-size: 0; margin: 0; padding: 0;}
	#nav_jgsz h5 a{ margin: 0; padding: 0;}
	.container_nav_fixed{ display: none; }
	/*头部结束*/
	
	/*底部开始*/
	.footer{ border-top: 3px solid #4989c6; margin-top: 90px; background: #f5f5f5; padding: 25px 0;}
	.con_footer_xglj{ margin: 0 auto; width: 970px; padding-bottom: 30px; font-size: 16px; border-bottom: 1px solid #e6e6e6; position: relative; z-index: 100;}
	.con_footer_xglj span{ font-weight: bold; padding-right: 18px;}
	.con_footer_xglj a{ color: #333;}
	.con_footer_xglj a.footer_select{ padding: 0 24px 0 30px; display: inline-block; background: url("/2020CMAimages/footer_cor_b.jpg") right center no-repeat;}
	.con_footer{ text-align: center; margin-top: 10px; }
	.con_footer .col-lg-8 div{ line-height: 48px; height: 48px; font-size: 16px; color: #333;}
	.con_footer .col-lg-8{ padding: 0;}
	.con_footer .col-lg-8 div a{ color: #333;}
	.con_footer .col-lg-8 div span{ padding: 0 16px;}
	.con_footer .col-lg-8 p { font-size: 14px; margin: 10px 0; line-height: 200%;}
	.con_footer .col-lg-8 p span{ padding: 0 5px;}
	.con_footer .col-lg-2 img{ margin-top: 10px;}
	.con_footer h6{ font-size: 14px; color: #737373;}
	.con_footer h6 a{color: #737373;}
	.con_footer .col-md-3 img{ margin-top: 0;}
	.con_footer #footer_sydw{ margin-left: 330px}
	.con_footer #footer_sydw img{ margin-top: 0px}
	.con_footer #footer_zfwjc img{ margin-top: 10px}
	.con_footer .row{ width: 970px; margin: 0 auto;}
	/*底部结束*/
	
	.container_title h4{ padding: 0.875em 10px; border-bottom: none; border-top: 2px solid transparent;}
	.container_title h4.active{ border-top: 2px solid #3c75ad; font-weight: bold; color: #3c75ad; border-bottom: none;}
	.container_title{ margin-bottom: 1.5em;}	
	.con_title_switch{ position: absolute; left: 106px; top: 12px;}
	.con_title_switch a{ margin-bottom: 0; margin-right: 1em;}
	.title_more{ display: inline-block; width: 34px; height: 8px; background: url("/2020CMAimages/bg_title_more.png"); right: 4px; position: absolute; top: 24px;}
	
	/*二级列表开始*/
	.con_list_2j{ margin-bottom: 30px;}
	/*二级列表结束*/	
	
	.con_footer_xglj .dropdown{ display: inline-block; margin-left: 35px; *float: left; font-size: 16px;}
	.con_footer_xglj .dropdown-menu{ height: 270px; overflow-y: scroll;}
	.con_footer_xglj span.caret{ display: inline-block; padding: 0;  width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 8px dashed #999999; border-top: 8px solid\9;    border-right: 8px solid transparent;   border-left: 8px solid transparent;}
	.con_footer_xglj button{ background: none; border: none;  font-size: 16px;}
	.con_footer_xglj span.txt_title_zgxl{ *float: left;}
	.con_footer_xglj a.a_zgzfw{ *float: left;}

	
	
}



@media (min-width: 1200px) {
	.container,.con_footer{ width: 1200px; }
	.con_header_gn{ max-width: 1920px; width: 1200px;}
	.border_weather{ max-width: 1920px; }
	.container_weather{ width: 1200px;}
	.con_header_nav{ width: 1200px;}
	.con_header_nav a{ color:#333333; display: inline-block; padding: 13px 38px; }
	.con_header_nav .list_nav_droplist a{ font-size: 16px; padding: 0 10px;}
	#nav_zwfw ul{ margin-left: 265px;}
	#nav_qxfw ul{margin-left:460px;}
	.list_nav_jgsz .row{ width: 1100px; margin: 0 auto;}
	.con_header_nav .list_nav_jgsz a{ font-size: 16px;  padding-right: 40px;}
	.con_dl_jld{ margin: 0 60px 0 30px;}
	.list_nav_jgsz h5{ font-size: 16px;}
	.con_footer_xglj{ width: 1200px;}
	.con_footer_xglj a.footer_select{ padding: 0 30px 0 60px; }	
	.con_footer .col-lg-2 img{ margin-top: 48px;}
	.con_footer  #footer_sydw{ margin-left: 0px}
	.con_footer #footer_sydw img{ margin-top: 48px}
	.con_footer .row{ width: auto; }
	
	.container_nav_fixed{ position: fixed; right: 20px; top: 302px; *width: 45px; padding: 0 16px; z-index: 100; border: 1px solid #3670be; border-top: 7px solid #3670be; background: #fff; z-index: 1000;}
	.list_nav_fixed{ border-bottom: 1px solid #e6e6e6; height: 75px; width: 45px; margin: 0 auto; text-align: center; position: relative;}
	.list_nav_fixed img{ margin-top: 20px; cursor: pointer; }
	.con_nav_fixed{ width: 120px; height: 120px; position: absolute; left: -137px; top: -24px; background: #eeeeee; display: none;}
	.con_nav_fixed img{ width: 100px; margin: 10px 0 0 0;}
	.con_nav_fixed i{ width: 6px; height: 11px; position: absolute; right: -5px; top: 54px; z-index: 2000; background: url("/2020CMAimages/cor_fixed_switch.jpg");}
	.con_footer_xglj .dropdown{  margin-left: 50px; }

}